<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单练习</title>
	</head>
	<body>
		<div>
			<h3>学生信息管理系统mis</h3>
			
			<div>
				<label>姓名：</label>
				<!-- 文本输入框，h5新特性placeholder属性 -->
				<input type="text" name="name" id="name"
					placeholder="请输入姓名..."
				/>
			</div>
			
			<div>
				<label>年龄：</label>
				<input type="number" name="age" id="age"
					placeholder="请输入年龄..."
				/>
			</div>
			
			<div>
				<label>性别：（单选框）</label>
				<!-- radio互斥，同名会只能选择一个 --> 
				<input type="radio" name="sex" id="sex" checked="checked"/> 男
				<input type="radio" name="sex" id="sex"/> 女
			</div>
			
			<div>
				<label>爱好：（多选）</label>
				<input type="checkbox" checked="checked" name="hobby" id="hobby"/> 乒乓球
				<input type="checkbox" name="hobby" id="hobby"/> 爬山
				<input type="checkbox" name="hobby" id="hobby"/> 唱歌
			</div>
			
			<div>
				<label>学历：（下拉框）</label>
				<!-- 单选，选择“幼儿园”，表单提交“1”，性能高-->
				<select name="edu" id="edu">
					<option value="1">幼儿园</option>
					<option value="2">小学</option>
					<option value="3">初中</option>
					<option value="4">高中</option>
					<option value="5">大专</option>
					<option value="6" selected="selected">本科</option>
					<option value="7">研究生</option>
					<option value="8">博士</option>
				</select>
			</div>
			
			<div>
				<input type="button" name="submit" value="保存"/>
				<button name="clear">取消</button>
			</div>
		</div>
	</body>
</html>